<template>
  <div class="main">
    <van-sticky>
      <div class="nav">
        <img :src="back" alt="" @click="handleBack"/>
        <div>关于百合医</div>
      </div>
    </van-sticky>
    <div class="body">
      <div class="logo">
        <img :src="logo"/>
        <div class="title">百合医</div>
        <div class="desc">智慧快诊领域的创新者</div>
      </div>
      <div class="desc">
        雅斯打造的新型智慧快诊平台，为用户提供专业的一站式健康管理与服务，全方位记录用户的日常监测数据，阶段性评估各项指标，为用户提高生活质量、降低医患沟通成本提供系统化解决方案。
      </div>
      <div class="bottom">
        <div class="bqxx">版权信息</div>
        <div class="bqxx">《软件许可使用协议》</div>
        <div class="newVersion">当前为最新版本v{{versionName}}</div>
      </div>
    </div>
  </div>
</template>

<script>
import Cookies from "js-cookie";

export default {
  name: "about",
  data() {
    return {
      back: require("@/assets/my/back.png"),
      logo: require('@/assets/my/logo.png'),
      versionName:''
    }
  },
  mounted() {
    this.versionName = Cookies.get('version')
  },
  methods: {
    handleBack() {
      this.$router.go(-1);
    },
  }
}
</script>

<style scoped lang="less">
.main {
  height: 100vh;
  padding: 0px 15px;

  .nav {
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: 500;

    > img {
      width: 10px;
      height: 16px;
      position: absolute;
      left: 15px;
    }
  }

  .body {
    display: flex;
    flex-direction: column;

    .logo {
      text-align: center;
      padding-top: 100px;
      padding-bottom: 73px;

      > img {
        width: 108px;
        height: 108px;
        opacity: 1;
      }

      .title {
        font-size: 23px;
        font-weight: 500;
        line-height: 33.3px;
        color: rgba(242, 150, 0, 1);
      }

      .desc {
        font-size: 17px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 16px;
        color: rgba(242, 150, 0, 1);

      }
    }

    .desc {
      //overflow: scroll;
      flex: 1;
      font-size: 17px;
      font-weight: 400;
      letter-spacing: 0px;
      line-height: 20.27px;
      color: rgba(0, 0, 0, 1);
      vertical-align: top;
    }

    .bottom {
      text-align: center;
      //display: flex;
      //justify-content: center;
      //align-items: center;
      position: fixed;
      bottom: 0;
      width: 95%;

      .bqxx {
        font-size: 20px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 24.62px;
        color: rgba(84, 84, 84, 1);
        vertical-align: top;
      }

      .newVersion {
        font-size: 17px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 20.27px;
        color: rgba(199, 199, 199, 1);
        vertical-align: top;
        padding: 30px 0px;
      }
    }
  }
}
</style>